<template>
  <div class="dashboard-container">
    <!-- <div class="dashboard-text">
      name: {{ name }}
    </div> -->
    <div class="main">
      <div>
        <p style="color:#fff;font-weight:bold;padding:30px 0 0 0;">欢迎登录</p>
        <p style="color:#fff;font-size:32px;">百日存管理后台</p>
      </div>
    </div>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'

export default {
  name: 'Dashboard',
  computed: {
    ...mapGetters([
      'name'
    ])
  }
}
</script>

<style lang="scss" scoped>
// .dashboard {
//   &-container {
//     margin: 30px;
//   }
//   &-text {
//     font-size: 30px;
//     line-height: 46px;
//   }
// }
.dashboard-container{
  min-height: calc(100vh - 50px);
  background: url(/images/home_bg.png) center center no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  .main{
    text-align: center;
    font-size: 40px;
    width: 100%;
    height: 264px;
    background: rgba(216,216,216,.2);
  }
}
</style>
